const isSameSource = (a: AsyncImageSource, b: AsyncImageSource) => {
    if (!b) return false;

    if (isHybridObject(a) && isHybridObject(b)) {
        return a.equals(b);
    }

    return JSON.stringify(a) === JSON.stringify(b);
};

const shouldClearState = (source: AsyncImageSource, result: Result) => {
    const { image, error } = result;

    // If there was an error, we need to clear the state
    if (error) return true;

    // If there is an image, we check if the source has changed
    // if not, we don't need to clear the state
    if (image && "__source" in image && image.__source) {
        // @ts-expect-error - We save the source on the JS side so we can diff it
        return !isSameSource(source, image.__source);
    }

    return false;
}

...

// in hook
if (shouldClearState(source, image)) {
    setImage({ image: undefined, error: undefined });
}